/* init styles */
* {
    margin: 0px;
    padding: 0px;
}

img {
    border: 0px;
}


/* layout styles */
body {
    font-family: verdana, sans-serif;
    font-size: 11px;
    background-color: #fff;
}

div#center {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    width: 995px;
    border: 1px solid #999;
    text-align: justify;
    background-color: #eee;
}

div#banner {
    background-image: url(../images/banner.jpg);
    background-repeat: no-repeat;
    height: 162px;
    width: 458px;
}

div#promoBanner {
    text-align: center;
    font-size: 13px;
    font-weight: bold;
    margin-top: 10px;
    margin-left: 125px;
}

div#logo {
    background-image: url(../images/logo.png);
    background-repeat: no-repeat;
    height: 88px;
}

div#menuUP {
    position: absolute;
    left: 460px;
    top: 10px;
}
	
div#menuUP div.box {
    float: left;
    font-size: 15px;
    width: 129px;
    height: 37px;
    margin-right: 2px;
    margin-left: 2px;
    padding-top: 2px;
    padding-bottom: 2px;
    text-align: center;
    vertical-align: middle;
    margin-top: 23px;
    font-weight: bold;
    background-color: #999;
}

div#menuUP div.home {
    line-height: 37px;
}

div#menuUP div.box:hover, div#menuUP div.active {
    background-color: #d6d6d6;
}
	
div#menu {
    position: absolute;
    left: 0;
    top: 178px;
    width: 130px;
    text-align: left;
}

div#menu div.list {
    padding-left: 5px;
    line-height: 22px;
    border-bottom: 1px solid #999;
}

div#menu div.top {
    font-weight: bold;
}

div#menu div.level {
    margin-left: 10px;
}

div#menu div.level:last-child {
    padding-bottom: 5px;
}

a, div#menu span {
    color: #2067BE;
}

a:hover, div#menu span:hover, a.active {
    color: #749BEA;
}

div#menu a.active, div#menu span.active, span#active {
    color: #666 !important;
}

div#content {
    margin-left: 155px;
    padding-right: 18px;
    margin-top: 20px;
    overflow-y: scroll;
    width: 822px;
    height: 560px;
}

div#footer {
	font-style: italic;
    text-align: center;
    line-height: 30px;
}


/* general styles */
a {
    text-decoration: none;
    cursor: pointer;
}

h1, h2 {
    font-family: verdana, sans-serif;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 15px;
    color: #086;
}

h2 {
    font-size: 14px;
    margin-bottom: 10px;
}

div#content div.parag {
    padding-bottom: 15px;
    width: 290px;
}

div#content div.randImg {
    float: right;
}

div#content div.randImg img {
    width: 500px;
    height: 375px;
}

div#content div.level {
    float: left;
}

/* messages */
div#successMessage, div.errorMessage, div#warningMessage, div#infoMessage {
    margin-bottom: 15px;
    border: 1px solid #fff;
    background-color: #fff;
    padding: 10px;
}

div#successMessage {
    background-color: #77c06c;
    border: 1px solid #006c3b;
}

div.errorMessage {
    background-color: #fff0f0;
    border: 1px solid #900;
}

div#warningMessage {
    background-color: #ffd;
    border: 1px solid #ffd700;
}

div#infoMessage {
    background-color: blue;
    border: 1px solid blue;
}